@charset "utf-8";
/* @import url(/css/common.css); */

/* 회원가입 */
.w-signup {width:580px; margin:0 auto;}
.w-signup .m-box-inner {padding:14px;}
.w-signup h2 {padding-top:24px; height:91px; text-align:center; background:url(../image/common/bg_slant_navy.png);}
.w-signup .guide {padding:20px 0 28px 18px; line-height:20px; color:#666;}
.w-signup .guide em {color:#000;}
.w-signup .guide a {color:#03a2d0;}
.w-signup .facebook {margin:0 auto; width:520px; height:109px;}
.w-signup .facebook .profile {float:left; width:127px; text-align:right;}
.w-signup .facebook .profile img {width:76px; height:76px;}
.w-signup .facebook p {margin-left:145px;}
.w-signup .facebook .result {padding:6px 0 7px; font-size:14px; color:#000; font-size:14px; font-weight:bold;}
.w-signup .facebook .message {color:#999; width:370px;}
.w-signup form {margin-left:18px; padding-bottom:34px;}
.w-signup form fieldset {min-height:34px; margin-bottom:15px;}
.w-signup form fieldset .title {float:left; width:127px; padding-right:18px; text-align:right; color:#000; font-weight:bold; line-height:34px; height:34px;}
.w-signup form fieldset input {float:left; border:1px solid #b4b4b4; width:214px; padding:8px; font-size:14px; font-weight:bold; height:18px; line-height:18px; background:#fbfbfb url(../image/common/bg_input.png) repeat-x;}
.w-signup form fieldset input.error {border:1px solid #ff4f47;}
.w-signup form fieldset input.alpha {font-family:calibri;}
.w-signup form fieldset span.valid {float:left; margin-left:10px; width:135px; line-height:34px; color:#48a948; font-weight:bold;}
.w-signup form fieldset span.valid.error {float:left; font-weight:normal; color:#ff4f47; font-size:11px;}
.w-signup form fieldset span.valid.line2 {line-height:17px;}
.w-signup form fieldset p {clear:left; margin-left:145px; color:#999; font:12px/24px calibri;}
.w-signup form fieldset p em {color:#000;}
.w-signup form .agree {margin-top:17px; height:33px; font-size:11px; color:#666; text-align:center;}
.w-signup form .agree a {color:#03a2d0;}
.w-signup form .submit {text-align:center;}
.w-signup .with {padding-top:1px; border-top:1px solid #ddd; }
.w-signup .with .title {border-top:1px solid #ddd; padding-top:27px; text-align:center; font-size:14px; color:#000; font-weight:bold; line-height:24px;}
.w-signup .with .message {color:#999; text-align:center; line-height:24px;}
.w-signup .with .link {padding:25px 0 16px; text-align:center; font-size:0;}
.w-signup .with .link .link-facebook {margin-right:20px;}

/* 외부 계정 확인 */
.w-extsync {width:580px; margin:0 auto;}
.w-extsync .m-box-inner {padding:14px;}
.w-extsync .cont-box {padding:20px 18px 16px; line-height:20px;}
.w-extsync .status b {color:#000;}
.w-extsync .status b em {color:#03a2d0;}
.w-extsync .links {margin-top:28px; text-align:center;}
.w-extsync .links button {width:180px; margin:0 10px;}
.w-extsync h2 {padding-top:24px; height:91px; text-align:center; background:url(../image/common/bg_slant_navy.png);}
.w-extsync form {position:relative; margin:40px 0 30px;}
.w-extsync form fieldset {position:relative; height:34px; margin-bottom:15px;}
.w-extsync form fieldset em {width:126px; float:left; margin-right:19px; font-weight:bold; line-height:34px; text-align:right;}
.w-extsync form fieldset input {border:1px solid #b4b4b4; padding:8px; width:212px; height:16px; font:bold 14px/18px calibri; color:#000; background:#fbfbfb url(../image/common/bg_input.png) repeat-x;}
.w-extsync form fieldset .placeholder {position:absolute; left:153px; top:8px; font:bold 14px/18px calibri; color:#ccc;}
.w-extsync form .submit {position:absolute; top:0; right:34px;}
.w-extsync .error {padding:18px; border:1px solid #ddd; color:#999; text-align:center; background:#f7f7f7;}
.w-extsync .error em {color:#ff4f47;}

/* 패스워드 변경 메일 */ 
.w-password h2 {padding-top:42px; height:73px;}
.w-password .guide {text-align:center;}
.w-password form .submit {padding-top:15px; text-align:center;}

/* 회원가입 완료 */
.w-complete {width:580px; margin:0 auto;}
.w-complete .m-box-inner {padding:14px 14px 30px;}
.w-complete h2 {padding-top:43px; height:73px; text-align:center; background:url(../image/common/bg_slant_navy.png);}
.w-complete .content {margin:30px auto 0; width:520px;}
.w-complete h3 {position:relative; padding-left:23px; font-size:14px; color:#666; line-height:20px; font-weight:normal;}
.w-complete h3.num2,
.w-complete h3.num3 {margin-bottom:35px;}
.w-complete h3.num4 {margin-bottom:26px;}
.w-complete h3 .num {position:absolute; top:2px; left:0; width:16px; height:16px; font:bold 11px/16px calibri; color:#fff; text-align:center; background:url(../image/member/bg_num_circle.png) no-repeat;}
.w-complete h3 a {color:#03a2d0; font-weight:bold;}
.w-complete .guide {margin-top:21px; height:33px; color:#999; text-align:center;}
.w-complete .members {wdith:76px; height:111px; margin-left:18px;}
.w-complete .members li {float:left; width:76px; margin-right:26px;}
.w-complete .members li.last {margin-right:0;}
.w-complete .members .profile {position:relative; height:76px;}
.w-complete .members .profile img {width:76px; height:76px;}
.w-complete .members .profile .grade-bg {position:absolute; left:0; bottom:0; width:100%; height:15px; opacity:0.5; filter:alpha(opacity=50); background:#000;}
.w-complete .members .profile .grade {position:absolute; left:0; bottom:0; width:100%;  font-size:10px; text-align:center; line-height:15px; font-weight:bold; color:#fff; }
.w-complete .members .name {margin-top:4px; font-size:11px; text-align:center;}
.w-complete .members .name a {color:#888;}
.w-complete .link {height:53px; text-align:right; }
.w-complete .link a {color:#03a2d0;}
.w-complete .go {text-align:center;}